<!-- 「提现成功」页面 -->
<template>
  <div class="container">
    <uni-nav-bar class="nav-bar" title="提现成功" statusBar="true" leftIcon="left" @clickLeft="back" :border="false"
      backgroundColor="#ffffff"></uni-nav-bar>
    <div class="content">
      <image class="success-icon" src="@/static/icons/common/success.svg" mode="aspectFill">
      </image>
      <span class="text">提现成功</span>
      <span class="desc">预计<span class="emphasis">2</span>个工作日到账</span>
    </div>
  </div>
</template>

<script lang="ts" setup>
// import { back } from '@/utils/navigate';
// 回退两级
const back = () => {
  uni.setStorageSync('reloadList', true);
  uni.navigateBack({
    delta: 2
  })
}

</script>

<style lang="scss" scoped>
.container {
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr;

  .content {
    display: flex;
    flex-direction: column;
    align-items: center;

    padding-top: 90px;

    .success-icon {
      width: 51.2821vw;
      height: 51.2821vw;
    }

    .text {
      font-size: 18px;
      font-weight: bold;
      color: #010101;
    }

    .desc {
      margin-top: 5px;
      font-size: 14px;
      color: #010101;

      .emphasis {
        color: #FE4A4B;
      }
    }
  }
}
</style>
